<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/gouwuche.css"/>
	</head>
	<body>
		<div class="xiagu">
			<div class="shanglu">
				<div class="daohanglan"><!--导航栏-->
					<ul>
						<li><a href="#"><i class="iconfont icon-vivologo"></i></a></li>
						<li><a href="#">xplay系列</a></li>
						<li><a href="#">x系列</a></li>
						<li><a href="#">y系列</a></li>
						<li><a href="#">商城</a></li>
						<li><a href="#">funtouch OS</a></li>
						<li><a href="#">服务</a></li>
						<li><a href="#">社区</a></li>
						<li><a href="#"><img src="img/vivosousuo_03.jpg"/></a></li>
						<li><a href="#"><img src="img/vivoren_05.jpg"/></a></li>
					</ul>
				</div>
				<div class="guanfangshangcheng"><img src="img/vivoguanfangshangcheng_03.jpg"/></div>
				<div class="shangludi">
					<ul>
						<li>官方正品</li>
						<li>满68包邮</li>
						<li>30天退换货</li>
						<li>全国网点售后</li>
						<li>帮助中心</li>
						<li>购物车(0)</li>
					</ul>
				</div>
			</div>
			
			<div class="zhonglu">
				<div class="wodegouwuche">
					<ul>
						<li>我的购物车</li>
						<li><a href="#">继续购物&gt;</a></li>
					</ul>
					<div class="clear"></div>
				</div>
				<div class="gouwuchexia">
					<ul>
						<li>
							<label>
								<i class="quanxuankuang gouzhong"></i>
								<a href="#">全选</a>
							</label>
						</li>
						<li>商品名称</li>
						<li>价格(元)</li>
						<li>数量</li>
						<li>优惠</li>
						<li>赠送积分</li>
						<li>小计(元)</li>
						<li>操作</li>
					</ul>
				</div>
				
				<div class="xuanzegoumai">
					<div class="xuanzegoumaili">	
						<ul>
							<li><i class="gou"></i></li>
							<li><img src="img/maideshouji.png"/></li>
							<li>
								<p><a href="#">Y75 全面屏 4GB+32GB</a></p>
								<p>颜色：玫瑰金</p>
								<p>选择手机服务<select name="wenti" class="xuanze">
							<option value=""></option>
							<option value="">2</option>
						</select></p>
							</li>
							<li>1598.00</li>
							<li>
								<span class="goumaishuliang">
                                        <a class="jian" href="#">-</a>
                                        <input type="number" class="shuliang" min="1" value="1" title="请输入购买量">
                                        <a class="jia" href="#">+</a>
								</span>
							</li>
							<li>- 100.00</li>
							<li>1498</li>
							<li>1498.00</li>
							<li>
								<p><a href="#">加入到收藏夹 </a></p>
								<p><a href="#">删除</a>	
							</li>
						</ul>
					</div>
					<div class="zengpin">
						
					</div>
				</div>
			</div>
			
<!--底部导航--><div class="dibu">
				<div class="baozheng">
					<h4><a href="#">官方正品</a></h4>
					<h4><a href="#">满68包邮</a></h4>
					<h4><a href="#">30天退换货</a></h4>
					<h4><a href="#">全国网点售后</a></h4>
					<p class="xian"></p>
				</div>
				<div class="dibubox">
					<div class="dibuyi">
						<ul>
							<li><a href="#">热门链接</a></li>
							<li><a href="#">X20Plus</a></li>
							<li><a href="#">X20</a></li>
							<li><a href="#">vivo摄影</a></li>
							<li><a href="#">查找手机</a></li>
							<li><a href="#">体验中心</a></li>
							<li><a href="#">常见问题</a></li>
						</ul>
					</div>
					<div class="dibuer">
						<ul>
							<li><a href="#">在线购买</a></li>
							<li><a href="#">官方商城</a></li>
							<li><a href="#">选购手机</a></li>
							<li><a href="#">选购配件</a></li>
							<li><a href="#">选购碎屏宝</a></li>
							<li><a href="#">以旧换新</a></li>
							<li><a href="#">服务保障</a></li>
						</ul>
					</div>
					<div class="dibusan">
						<ul>
							<li><a href="#">服务支持</a></li>
							<li><a href="#">服务首页</a></li>
							<li><a href="#">服务网点查询</a></li>
							<li><a href="#">真伪查询</a></li>
							<li><a href="#">服务政策</a></li>
							<li><a href="#">预约维修</a></li>
							<li><a href="#">维修配件价格</a></li>
						</ul>
					</div>
					<div class="dibusi">
						<ul>
							<li><a href="#">vivo社区</a></li>
							<li><a href="#">社区首页</a></li>
							<li><a href="#">摄影专区</a></li>
							<li><a href="#">微博</a></li>
							<li><a href="#">贴吧</a></li>
							<li><a href="#">兴趣部落</a></li>
						</ul>
					</div>
					<div class="dibuwu">
						<ul>
							<li><a href="#">关于vivo</a></li>
							<li><a href="#">vivo简介</a></li>
							<li><a href="#">工作机会</a></li>
							<li><a href="#">新闻资讯</a></li>
							<li><a href="#">采购平台</a></li>
							<li><a href="#">开发者平台</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="lastone">
				<ul class="zuihou">
					<li class="bubugao">Copyright ©2011-2017 广东步步高电子工业有限公司 版权所有 保留一切权利 | <a href="#" class="yinsi">隐私政策</a> | <a href="#" class="falv">法律声明</a> | <a href="#">粤B2-20080267</a> | <a href="#" >粤ICP备05100288号</a></li>
					<li class="guanzhu"><a href="#" class="ershibaer">关注vivo</a></li>
					<li>|</li>
					<li class="guojiguanwang"><a href="#" class="ershibaer">国际官网</a></li>
				</ul>
			</div>
			
				<div class="youxiajiao">
					<ul class="guding">
						<li><a href=""><i class="iconfont icon-gouwuche"></i></a></li>
						<li><a href=""><i class="iconfont icon-bangzhuzhongxin"></i></a></li>
					</ul>
				</div>
				<div class="clear"></div>
		</div>
	</body>
</html>
